<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网关支付产品示例</title>
  <link href="/css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
  <script src="/js/jquery-1.11.2.min.js"></script>
  <script src="/js/jquery-ui.min.js"></script>
  <script src="/js/demo.js"></script>
	<script type="text/javascript" src="/js/md5.js"></script>
	<script type="text/javascript" src="/js/tool.js"></script>
	<script src="/js/upload.js"></script>
  <script>
  	$(function() {
	    setApiDemoTabs("#tabs-purchase");
	    setApiDemoTabs("#tabs-preauth");
	  });
  </script>
  <link rel="stylesheet" href="/css/demo.css">
</head>

<body style="background-color:#e5eecc;">
<div id="wrapper">
<div id="header">
<h2>DEMO</h2>

</div>

<div id="tabs-api">
  <ul>
    <li><a href="#tabs-api-1">分片上传</a></li>
  </ul>
  <div id="tabs-api-1">
	  <div id="upload" class="center">
		  <input type="file" name="filename" id="filename" onchange="checkFile()"/>
		  <input type="button" id="submit" onclick="upload()" value="上传"/>
		  <span id="output">等待中</span>
	  </div>
	  <span id="uuid">uuid_name:</span>
	  <span id="md5" style="margin-left:20px;">md5_key:</span>
  </div>
</div><!-- end of wrapper-->
 
</div>
</body>
</html>